/** @jsxImportSource @emotion/react */
import * as React from "react";
import {Text, TextArea, } from "customize-easy-ui-component";
import {
    InspectRecordLayout, InternalItemProps,  useItemInputControl,
} from "../../common/base";
import {useMeasureInpFilter} from "../../common/hooks";

interface Props  extends InternalItemProps{
    label?: string;
    titles?: any[];
}

//另外的配置模式：设备概况，还会支持有多各行共有的列标题，前缀性质的汇总列。usePrefixDataReviewTbl 参考模板 IMCONT-SA;
export const config资料审查 =(orc:any)=>
    [
        [['罐体使用单位', '_$使用单位'], ['社会信用代码', '_$使用单位信用码'] ],
        [['使用单位联系地址', '_$使用单位地址'],  ],
        [['联系人员', '安全员'], ['联系电话', '安全员电'] ],
        [['车辆牌号', '_$上路号牌'], ['VIN', '_$车架号'],  ],
        [['车辆类型', '_$车辆类型'], ['道路运输证号', '_$运输证号'],  ],
        [['罐体制造单位', '_$制造单位'], ],
        [['产品标准', '_$产品标准'], ['分仓', '分仓'],  ],
        [['罐体出厂编号', '_$出厂编号',],  ['罐体设计代码', '设计代码', ],  ['制造日期', '_$制造日期',] ],
        [['罐体型号', '_$型号'], ['设计使用年限','_$设计年限', '年'], ['投入营运日期','_$投用日期'] ],
        [['核定载质量', '_$额定载荷','kg'], ['盛装介质', '_$盛装介质'],  ],
        [['罐体容积', '_$容积换热','m³'], ['横截面形状','横截形'], ['腐蚀裕量',{n:'腐蚀裕',u:'mm'},] ],
        [['封头材质', '头材质',],  ['封头厚度', '头厚度', ],  ['保温层', '保温',] ],
        [['筒体材质', '筒材质',],  ['筒体厚度', '筒厚度', ],  ['非金属衬里', '非金衬',] ],
        [['罐体外形尺寸', '_$外形尺寸','mm'], [' ',{r:' '}] ],
        //'盛装介质' 必需对编辑器预先注入？
        [['适装介质', {n:'适装介',t:'B',l:[orc?.盛装介质??'', ]}], ],
        // [[{pr:'设计温度', span:2, t:'壳体（壳程）'}, {n:'_$壳程设计温度',u:'℃'} ], [{pr:'工作温度', span:2, t:'壳体（壳程）'}, {n:'_$壳程使用温度',u:'℃'},] ],
        // [[{t:'夹套（管程）'}, {n:'_$管程设计温度',u:'℃'}, ], [{t:'夹套（管程）'}, {n:'_$管程使用温度',u:'℃'}, ] ],
        // [['高/长', {n:'_$外形高长',u:'mm'}, ], [{t:'容积',view:view容积,pr:null}, '_$容积换热', render容积换热] ],
    ];


export const itemA查材料: string[]=['上问题记','审查结论'];
// export const itemA上次问题: string[]=['上次报告','上次评级','上次缺处']; FactoryMaterial
export const FactoryMaterial=
    React.forwardRef((
        { children, show ,alone=true,redId,nestMd,label,titles}:Props,  ref
    ) => {
        const [getInpFilter]=useMeasureInpFilter(null,itemA查材料,);
        const {inp, setInp} = useItemInputControl({ ref });
        return <InspectRecordLayout inp={inp} setInp={setInp} getInpFilter={getInpFilter} show={show} redId={redId}
                                    nestMd={nestMd} alone={alone} label={label!}>
            <Text variant="h5">{label}：</Text>
            资料审查情况：
            <TextArea value={inp?.审查结论 || ''} rows={7}
                      onChange={e => setInp({...inp, 审查结论: e.currentTarget.value || undefined})}/>
            上次定期检验问题记载：
            <TextArea value={inp?.上问题记 || ''} rows={6}
                      onChange={e => setInp({...inp, 上问题记: e.currentTarget.value || undefined})}/>
        </InspectRecordLayout>;
    });

